body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
img{ vertical-align:bottom;}

body{ color:#222; font:16px/113% Arial, Helvetica, sans-serif; background:#FFF url(images/bg-top.gif) top left repeat-x; }

.container{ position:relative; width:60em; margin:0 auto;}
/* --------------------------------------- mastHead ------------------------------------------------------- */
#mastHead{ height:196px; }

#skipmenu{ display:none; }

#menu{ position:absolute; right:.6em; bottom:0;}

#menu li{ float:left; }

#menu a{ color:#c0d395;text-decoration:none; display:block; font-size:88%; height:2em; margin-right:1em; border:none; }

#menu a:hover{ background:url(images/menu.gif) center bottom no-repeat; color:#FFF; }

#blog #menu .mblog a, #about #menu .mabout a, #cv #menu .mcv a, #bcontact #menu .mcontact a, #bresources #menu .mresources a, #bbooks #menu .mbooks a, #bportfolio #menu .mportfolio a{ background:url(images/menu.gif) center bottom no-repeat; color:#FFF;}

h1{ background:url(images/h1.gif) top left no-repeat; position:absolute; width:460px; height:170px; top:7px; left:1.25em; text-indent:-30000px;  }

/* --------------------------------------------------------------------------------------------------------  */
h2, h2 a{ color:#81aa1a; font:240% "Trebuchet MS", Tahoma, sans-serif;}
h2 a, h2 a:hover{ border:none; }
a{ color:#81aa1a; text-decoration:none; border-bottom:1px dotted #81aa1a; }
a:hover{ background:#9dd020; color:#FFF; border-bottom:1px solid #4a620b; }
#blog a.external, #about a.external{ background:url(images/extlink.gif) no-repeat right top; padding-right:15px;}
#blog a:hover.external, #about a:hover.external{ background:#9dd020 url(images/exthov.gif) no-repeat right top; }

#primaryContent h2{ font-size:240%; }
#about #primaryContent h2, #bportfolio #primaryContent h2{ margin-bottom:.3em;}

#primaryContent h3{ font:100% Georgia, "Times New Roman", Times, serif; }

#primaryContent h3.published{ font:bold italic 88% Georgia, "Times New Roman", Times, serif; color:#666; margin-left:4.8em;}

#primaryContent h3#comments{ font:140% bold Georgia, "Times New Roman", Times, serif; font-variant:small-caps; border-top:1px solid #dce5c6; padding-top:.3em; }
#primaryContent h3#comments a{ font-size:66%;}
#mainContent{ padding-top:240px; overflow:hidden;}

#primaryContent{ position:relative; margin-left:1.25em; float:left; width:32.5em; padding-bottom:1.5em;}

#secondaryContent{ margin-right:1.25em; float:right; font-size:100%; width:19.38em;}

#primaryContent *, .secCont *{ font-size:88%;}

#primaryContent * *, .secCont * *{ font-size:100%; }



.entry{ margin-bottom:2em; position:relative;}
.entry .toTop{ margin-top:2em; }
.toTop{ margin-bottom:2em; display:block; border:none;}
#primaryContent a:hover.toTop { color:#4a620b; border:none; background:none; }

.entry-content{ clear:both; padding-top:1em; }
.entry-content h4{ font-weight:bold; font-size:110%; }
.entry-content img, #about #primaryContent img{ border:4px solid #e9f6c8; vertical-align:bottom; }
.entry-content img.float{ float:left; margin-right:1em; }
.floatRight{ float:right; margin-left:1em;}
.entry-content a{ font-weight:bold; }

.commentitem{ background:#f4ffd9 url(images/secondaryTopRight.gif) right top no-repeat; position:relative; margin:1em 0;}
#blog .commentitem a.external{ background:none; padding:0;}
#blog .commentitem a.external:hover{ background:#81aa1a; }

.c2{ background:#e9f6c8 url(images/darkTopLeft.gif) left top no-repeat;;}
.commentitem .commentbody{ background:url(images/roundBottom.gif) no-repeat left bottom; padding:1em; }
.c2 .commentbody{ background:url(images/darkBottomRight.gif) no-repeat right bottom; }
#primaryContent .commenthead{font-size:106%; font-weight:bold; padding:1em 1em 0;}
#primaryContent .commentitem span{ position:absolute; right:30px; color:#8fac46; font:italic 300% Georgia, "Times New Roman", Times, serif;}

#primaryContent .prevNext{position:relative; margin-bottom:1em; height:2em;}
.prevNext strong{ font-weight:bold; }

#prev{ position:absolute; left:0;} 
#next{ position:absolute; right:0; }

.nocomment{ padding-top:1em; border-top:1px solid #dce5c6; clear:both;}
.nocomment span{ color:#4a620b; font-weight:bold;}

p, .entry-content ul{ margin-bottom:.6em; }

#primaryContent .comment{ position:relative; padding:.3em 0; margin-top:1em; font-size:88%; }

#primaryContent .comment span{ position:absolute; right:.7em; bottom:.2em; font-weight:bold; font-style:italic;}

#primaryContent .date{ background:#9dd020 url(images/dategreenbotleft.gif) no-repeat bottom left; color:#FFF; font:130% Georgia, "Times New Roman", Times, serif; width:2.4em; height:2.5em; text-align:center; padding:1px; float:left; margin:.4em .75em 0 0; }

.date span{ display:block; background-color:#FFF; color:#000;}

#primaryContent pre{ font:11px Verdana, Arial, Helvetica, sans-serif; margin:0 1em 1em 0; border:1px solid #9dd020;; border-left:7px solid #9dd020; padding:1em; background:#f4ffd9 url(images/code.gif) 90% top repeat-y;}
#primaryContent #loader{ border:none; padding:0; margin:3em 6em 3em 0; width:32px;}
ins{ text-decoration:none; font-style:italic; color:#444; }
/* --------------------------------------------- SECONDARYCONTENT ---------------------------- */
#secondaryContent h2{font:140% Georgia, "Times New Roman", Times, serif; background:url(images/h2sec.gif) right center no-repeat;font-variant:small-caps; letter-spacing:2px;}

#secondaryContent h2#deliH{ background:url(images/delicious.png) right center no-repeat; position:absolute; top:-13px; width:141px; height:23px; text-indent:-300000px;}
#secondaryContent h2#tagsH{ background:url(images/tags.png) right center no-repeat; position:absolute; top:-13px; width:67px; height:29px; text-indent:-300000px;}
#secondaryContent h2#monthsH{ background:url(images/months.png) right center no-repeat; position:absolute; top:-13px; width:100px; height:23px; text-indent:-300000px;}

.secCont{ position:relative; background:#f4ffd9 url(images/secondaryTopRight.gif) right top no-repeat; padding:1em; margin-bottom:2em; border-left:5px solid #e9f6c8;}

#secondaryContent ul, #secondaryContent ol{ margin:0 0 1em; border-top:1px dotted #dce5c6; }
#secondaryContent .module{ margin-top:1em; }
#secondaryContent li a{ color:#000; }

#secondaryContent li a:hover{ color:#FFF; }

/* --------------------------------------------- MY--OWN -- PRIVATE --- TAG -- CLOUD!!!!!!!!! -------- */
ul#tagCloud{overflow:hidden; text-align:justify; border-top:none; margin:1em 0}
ul#tagCloud li{display:inline; margin-left:3px; float:none; width:auto; height:auto; padding:0; }
ul#tagCloud li a{ display:inline; height:auto; padding:0; }
ul#tagCloud li .one{ font-size:80%;}
ul#tagCloud li .ten{ font-size:100%;}
ul#tagCloud li .twenty{font-size:120%;}
ul#tagCloud li .thirty{font-size:140%;}
ul#tagCloud li .forty{font-size:160%;}
ul#tagCloud li .fifty{font-size:180%;}
ul#tagCloud li .sixtyPlus{font-size:200%;}

/* ------------------------------------------- SECONDARY CONTENT MONTHSS ------------------------------- */

#secondaryContent .module ol, #secondaryContent .module ul{ height:21.5em; }
#secondaryContent .single ol, #secondaryContent .single ul{ height:20.8em; }
#secondaryContent .module ul:hover, #secondaryContent .module ol:hover, #secondaryContent .module ul.hover, #secondaryContent .module ol.hover{ background:#dcf1a8; }
#secondaryContent .module li a{ display:block; height:3em; border-bottom:1px dotted #dce5c6; padding-left:2px;}
#secondaryContent .single li a{ height:auto; line-height:200%; }
#secondaryContent .module li strong{ display:block; font-weight:bold; color:#4a620b; letter-spacing:2px; }
#secondaryContent .module li a:hover{ background:#e9f6c8; color:#000;}
#secondaryContent .module .controls{ left:16.5em; top:5px; }
#secondaryContent .single .controls{ top:0; }

/*-------------------------------------------- PORTFOLIO ----------------------------------------------- */
#bportfolio #primaryContent li img{ position:absolute; left:1em; top:1.2em; border:5px solid #dce5c6;}
#bportfolio #primaryContent h3 a{font-size:150%; letter-spacing:.3em; clear:both; text-decoration:none; }
#bportfolio #primaryContent h3{ margin-bottom:1em; font-family:"Trebuchet MS", Tahoma, sans-serif;}
#bportfolio #primaryContent ul{	margin:0; padding:2em 0 0; }
#bportfolio #primaryContent li{ font-size:88%; background:#f4ffd9; position:relative; height:10em; padding:1em .7em 1em 11em; margin-bottom:2em; border:1px solid #d9ebb2; }
#bportfolio #primaryContent li span{ position:relative;	margin-top:5px;	font-weight:bold; font-size:88%; display:block; }

/* ------------------------------------------- UPPERCONTENT -------------------------------------------- */
#upperContent{ position:absolute; top:20px; left:1.25em; }
#upperContent a{ color:#333; font-weight:bold; text-decoration:none; }
#upperLeft{ float:left; width:28.5em;}
#upperLeft ol{ margin-bottom:10px; }
#upperRight{ float:left; width:30em;}
#upperContent h2{ color:#4a620b; font-size:150%; margin-bottom:8px; font-family:Arial, Helvetica, sans-serif; }
#upperContent li{ color:#333; font-size:88%; }
#upperContent h2.flickr { margin-bottom:4px; color:#FFF; }
#upperContent h2.flickr a{ font-size:100%; text-decoration:underline;}
#upperContent h2.flickr strong{ color:#0063dc; }
#upperContent h2.flickr span{ color:#ff0084; }
#upperContent .flickr li{ float:left; margin:5px .5em 5px 0; border:1px solid #dce5c6;}
#upperContent .flickr li:hover{ border:1px solid #4a620b; }
#upperContent .flickr img{ border:5px solid #FFF; }
#flickr { height:97px;}
#feeds li{ float:left;} #feeds a{ border:none; display:block; background:url(images/feed-icon.png) left center no-repeat; padding-left:17px; font-size:88%; margin-right:.7em; }

/* ------------------------------------------- FORMS --------------------------------------------------- */
#primaryContent h3#formheader{ font:160% Georgia, "Times New Roman", Times, serif; color:#4a620b; margin:1.5em 0 1em; }
#primaryContent p label, #primaryContent p input, #primaryContent legend, #primaryContent p textarea{ font-size:88%; }
#primaryContent legend{ padding:0; color:#81aa1a; font-size:120%; font-weight:bold; letter-spacing:3px;}
fieldset{ border:none; padding:1em; margin-top:1em;}
label{ display:block; margin-bottom:3px; cursor:pointer; }
#primaryContent input{ font-size:120%; padding:.5em; width:17em; border:1px solid #c2e46e; background:#f4ffd9 url(images/input.gif) repeat-x top left; color:#000; }
#primaryContent input:focus, #primaryContent textarea:focus, .focus{border:1px solid #4a620b; color:#000; }
#primaryContent textarea{ font:120% Arial, Helvetica, sans-serif; width:30em; padding:.5em; border:1px solid #c2e46e; background:#f4ffd9 url(images/input.gif) repeat-x top left; color:#000; }
#primaryContent input.checkbox{ border:none; background:transparent; width:auto; }
button{	background:none; border:none; cursor:pointer; margin-left:.2em;}
#primaryContent button img{ border:none; padding:0;}
#primaryContent input.submitImage, #primaryContent input.submitImage:focus{ width:auto; border:none; background:none; margin-left:.3em; }
.button{ width:auto; cursor:pointer; margin:1em 1em 1em 0; }
#primaryContent .submitImage, .submitImage:focus{ width:auto; border:none; background:none; }
.button:focus{ border:2px solid #666; }
.warning, #warning, #javaNeeded, #errorMessage, div.requiredField{ margin:1em 1em 1em 0; color:#000; background:#9dd020; padding:1em;border-left:5px solid #C00; width:25em;}
#warning, .warning{ border-left:5px solid #dce5c6; }
#errorMessage h3, #javaNeeded h3{font:bold 150% Arial, Helvetica, sans-serif; color:#FFF;}
.required{ color:#80ad16; }	
.requiredField{ background-color:#F30; }
div.requiredField h3{ color:#F00; }
div.requiredField a, #javaNeeded a{ color:#F00;	text-decoration:underline; }
#forminfo{ padding:3px;	margin-left:20px; border-top:1px solid #dce5c6; border-bottom:1px solid #dce5c6; background:transparent; font-size:90%; }
#primaryContent #status p{ margin-left:.8em; font-size:88%;}
#primaryContent #status h3{ font-size:140%; }

/* ------------------------------------------- SCROLLING MODULE ---------------------------------------- */
div.module{ position:relative; }
div.module ul, div.module ol, div.module .modC{ overflow:hidden;} 
div.module .controls{ position:absolute; top:0; z-index:10;text-indent:-30000px; visibility:hidden;}
div.module:hover .controls, div.hover .controls{ visibility:visible;}
.controls em{ width:19px; height:24px; display:block; position:absolute; top:0; cursor:pointer;}
em.up{ background:url(images/controlsup.png) top left no-repeat; left:19px; top:0;}
em.down{  background:url(images/controlsdown.png) top left no-repeat;left:0; top:0;}

/* ------------------------------------------- INTERMEZZO -------------------------------------------------- */
#interMezzo{ width:100%; background:#404632 url(images/interMezzoTop.gif) repeat-x left top; overflow:hidden;}
#interMezzo .container{ padding:50px 0 30px;}
#interMezzo .container *{ font-size:88%; color:#FFF; margin-left:1.25em; }
#interMezzo .container * *{ font-size:100%; margin-left:0; }
#interMezzo .container h2{ color:#808d60; letter-spacing:3px; margin-bottom:.7em; font:italic 200% Arial, Helvetica, sans-serif; clear:both;}
#interMezzo ul{ margin-bottom:2em; }
#interMezzo .modC{ height:220px; }
#interMezzo .controls{ right:4em; }
#interMezzo li{ float:left; margin-right:.8em; border:8px solid #25291b; }
#interMezzo li:hover{ border-color:#555d43; }
#interMezzo li.cd{ margin-right:1.8em; }
#interMezzo li img{ border:1px solid #404632;  }
#interMezzo fieldset{ padding:1em 0; }
#interMezzo legend{font-size:140%; }
#interMezzo a{ text-decoration:none; border-bottom:1px dotted #FFF; }
#contactForm{ display:none;}

/* ------------------------------------------- FOOTER -------------------------------------------------- */
#footer{ width:100%; background:#FFF url(images/interMezzoBot.gif) repeat-x left top; padding-top:30px;}
#footer div *{ font-size:88%; margin-left:1.25em; }
#footer div * *{ font-size:100%; margin-left:0; }

/* ------------------------------------------- FLICKRBOX ----------------------------------------------- */
#overlay{ background-color:#000000; position:absolute; top:0; left:0; z-index:1000; display:none; cursor:pointer;}
#gallery{ position:absolute; display:none; z-index:1100;background:#000; border:1px solid #666; width:520px; height:420px;}
#gallery.tall{ width:395px; height:545px; }
#gallery_image{ position:absolute; left:10px; margin-top:10px;}
#gallery img{ width:500px; height:375px;}
#gallery.tall img{ width:375px; height:500px; }
#gallery_prev{ position:absolute; bottom:5px; left:10px;}
#gallery_next{ position:absolute; bottom:5px; right:10px;}
#gallery a{ text-decoration:none; color:#FFF; font-size:120%; letter-spacing:2px; border:none;}
#gallery a:hover{ background:none; color:#81aa1a;}

/*------------------------------------------- ANTIBUSH !!!!!!!!!!!!!! FUCK THAT ASSHOLE ----------------- */
div#antiBush { position:absolute; top:15px; width:100%;}
div#antiBush img{ position:relative; float:right; margin-right:1.25em;}
#map{ width:400px; height:300px; margin:1em; border:1px solid #000; color:#000; }
#map img{ background:transparent; }
/*----------------- CODE WRAP WILL INVALIDATE--------------------------------------- */
#primaryContent pre{
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;
}